<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
<title>KISSY Table Demo</title>
<link rel="stylesheet" href="../../assets/dpl/base.css">
<link rel="stylesheet" href="../../assets/dpl/labels.css">
<link rel="stylesheet" href="../../assets/dpl/tables.css">
<link rel="stylesheet" href="./assets/docs.css">
</head>
<body>
<div class="container">
    <div class="page-header">
        <h1>Inline labels <small>标记文本</small></h1>
    </div>
    <table class="table table-bordered table-striped">
        <thead>
        <tr>
            <th>表现</th>
            <th>html</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>
                <span class="label">Default</span>
            </td>
            <td>
                <code>&lt;span class="label"&gt;Default&lt;/span&gt;</code>
            </td>
        </tr>
        <tr>
            <td>
                <span class="label label-success">Success</span>
            </td>
            <td>
                <code>&lt;span class="label label-success"&gt;Success&lt;/span&gt;</code>
            </td>
        </tr>
        <tr>
            <td>
                <span class="label label-warning">Warning</span>
            </td>
            <td>
                <code>&lt;span class="label label-warning"&gt;Warning&lt;/span&gt;</code>
            </td>
        </tr>
        <tr>
            <td>
                <span class="label label-important">Important</span>
            </td>
            <td>
                <code>&lt;span class="label label-important"&gt;Important&lt;/span&gt;</code>
            </td>
        </tr>
        <tr>
            <td>
                <span class="label label-info">Info</span>
            </td>
            <td>
                <code>&lt;span class="label label-info"&gt;Info&lt;/span&gt;</code>
            </td>
        </tr>
        <tr>
            <td>
                <span class="label label-inverse">Inverse</span>
            </td>
            <td>
                <code>&lt;span class="label label-inverse"&gt;Inverse&lt;/span&gt;</code>
            </td>
        </tr>
        </tbody>
    </table>

</div>
</body>
</html>